/**index.wxss**/
// view{
//   /* 使用 主题颜色 */
//   /* color: var(--themeColor); */
// }
.yd_index{
  background-color: skyblue;
  .index_swiper{
    swiper{
      width: 750rpx;
      height: 340rpx;
      text-align: center;
      font-size: 0;
      background-color: skyblue;
      margin: 10rpx 0 0;
      swiper-item{
        width: 100%;
        font-size: 0;
        view{
          width: 97%;
          height: 330rpx;
          border-radius: 15rpx;
          overflow: hidden;
          margin: 0 auto;
          image{
            width: 100%;
          }
        }
      }
    }
  }
  .navList{
    width: 97%;
    margin: 8rpx auto;
    background-color: pink;
    border-radius: 8rpx;
    text-align: center;
    display: flex;
    // justify-content: space-around;
    navigator{
      flex: 1;
      padding: 20rpx;
      image{
        width: 100%;
      }
    }
  }
  .hotFloor{
    width: 97%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    .hotItem{
      .hotTitle{
        padding: 10rpx 0;
        image{
          width: 100%;
        }
      }
      .hotList{
        overflow: hidden;
        navigator{
          float: left;
          width: 33.33%;
          height: 100%;
          // 另设置后四张图片高度
          &:nth-last-child(-n+4){
            // 原图宽高：232*386px
            // 232 / 386 = 33.33vw / height
            height: 33.33vw*386/232/2;
            border-left: 10rpx solid skyblue;
          }
          &:nth-child(2),
          &:nth-child(3){
            border-bottom: 10rpx solid skyblue;
          }
          &:nth-child(4),
          &:nth-child(5){
            border-bottom: 10rpx solid skyblue;
          }
          image{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
